/* http://ideacolorthemes.org/themes/2/ */	
	@charset 'UTF-8';
	
	body
	{
		font-family: 'Arial', sans-serif;
		color: #E0E2E4;
		background-color: #293134;
		padding: 0;
    	margin: 0;
    	background-color: #43525f;
	}
	
	.pageContent {
	    display: block;
	    margin: 5px auto;
	    width: 60%;
	    color: #ffffff;
	}
	
	.themeHeader {
		width: 98%;
	    margin: 5px 0px;
	    border-radius: 10px;
	    padding: 5px 20px;
	    background-color: #8198ac;
	    border: 2px solid #fdfdfe;
	    position: relative;
	}	
	
	.themeHeader .title {
	    font-size: 24px;
	    font-weight: bold;
	}	
	
	.themeHeader .subTitle {
	    font-size: 16px;
	    font-weight: bold;
	}
	
	.code {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    padding: 2px;
	    overflow: auto;
	    white-space: pre-wrap;
	    font-family: 'Consolas', 'Lucida Console', Monaco, monospace;
	    font-size: 12px;
	    font-weight: normal;
	    font-style: normal;
	}	
	
	.codePreview {
	    width: 100%;
	    color: #ffffff;
	    padding: 5px 0;
	}

	.codePreview .title {
	    font-size: 18px;
	    display: inline-block;
	    line-height: 25px;
	    margin-left: 10px;
	    background-color: #ffffff;
	    border-radius: 5px 5px 0 0;
	    color: #43525f;
	    padding: 2px 10px;
	}

	.codePreview .code {
	    position: relative;
	    display: inline-block;
	    border: 2px solid white;
	    border-radius: 5px;
	    padding: 10px;
	}	

	
	/* Colors */
	.orange { color: #EC7600; }
	.green {color: #93C763;}	
	.blue {color: #678CB1;}	
	.grey {color: #7D8C93;}
	.paleYellow {color: #E8E2B7;}
	.yellow {color: #FFCD22;}
	
	/* Copy styles */
	.bold { font-weight:bold; }